.inbiz-lang-manage-wrapper {
    width: 100%;
    height: 100%;

    .inbiz-lang-manage-header {
        height: 46px;

        .ant-tabs {
            height: 100%;

            .ant-tabs-nav {
                height: 100%;
                margin-bottom: 0;

                .ant-tabs-nav-wrap {
                    .ant-tabs-nav-list {
                        .ant-tabs-tab:nth-child(1) {
                            margin-left: 20px;
                        }
                    }
                }

                .ant-tabs-extra-content {
                    &>button {
                        margin-right: 20px;
                    }
                }
            }
        }
    }

    .inbiz-lang-manage-body {
        width: 100%;
        height: calc(100% - 46px);
        display: flex;
        align-items: center;

        .inbiz-lang-manage-left {
            width: 300px;
            height: 100%;
            border-right: 1px solid #eeeeee;
            padding: 10px 0 0 20px;

            .ant-select {
                width: 259px;
                margin-bottom: 10px;

                &.ant-select-focused {
                    background: var(--ant-primary-1);
                }
            }

            .ant-input-affix-wrapper {
                width: 259px;
                margin-bottom: 10px;
            }

            .inbiz-lang-manage-left-tree-list-wrapper {
                height: calc(100% - 42px);

                &.notForm {
                    height: calc(100% - 84px);
                }

                .ant-spin-nested-loading {
                    height: 100%;

                    .ant-spin-spinning {
                        max-height: 100%;
                    }

                    .ant-spin-container {
                        height: 100%;
                        overflow-y: auto;
                        padding-right: 20px;

                        .ant-tree-treenode {
                            width: 100%;
                            height: 40px;
                            align-items: center;
                            cursor: pointer;
                            padding: 0;
                            transition: .3s;

                            &.app-node {
                                .ant-tree-switcher {
                                    width: 0;
                                }
                            }

                            &:hover {
                                .ant-tree-node-content-wrapper {
                                    .ant-tree-title {
                                        color: var(--inbiz-color-primary);
                                    }
                                }
                            }

                            &.ant-tree-treenode-selected {
                                background: #f5f5f5;

                                .ant-tree-node-content-wrapper {
                                    background: unset;

                                    .ant-tree-title {
                                        color: var(--inbiz-color-primary);
                                    }
                                }
                            }

                            .ant-tree-node-content-wrapper {
                                display: flex;
                                align-items: center;
                                width: 100%;
                                height: 100%;

                                .ant-tree-title {
                                    display: inline-block;
                                    color: #333;
                                    max-width: 216px;
                                    overflow: hidden;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    transition: .3s;
                                }

                                &:hover {
                                    background: unset;
                                }
                            }

                            .ant-tree-switcher {
                                height: 40px;
                                display: flex;
                                justify-content: center;
                                align-items: center;
                            }
                        }

                        .inbiz-lang-manage-left-tree-list-empty {
                            height: calc(100% - 32px);
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                    }
                }
            }
        }

        .inbiz-lang-manage-right {
            width: calc(100% - 300px);
            height: 100%;
            padding: 0 20px 10px;



            .inbiz-lang-manage-right-actions-wrapper {
                padding-bottom: 16px;
                border-bottom: 1px solid #eeeeee;
                margin-bottom: 16px;

                &>button {
                    margin-right: 20px;

                    &:nth-last-child(1) {
                        margin-right: 0;
                    }
                }
            }

            .inbiz-lang-manage-query-bar {
                .inbiz-lang-manage-query-bar-buttons {
                    // width: 100%;
                    display: flex;
                    justify-content: flex-end;
                    margin-bottom: 16px;
                }

                .ant-form-item {
                    margin-right: 20px;
                    margin-bottom: 16px;
                }
            }

            .inbiz-lang-manage-query-table {
                .inbiz-pagination {
                    padding-top: 16px;

                    .ant-pagination {
                        .ant-pagination-options {
                            margin-right: 0;
                        }
                    }
                }
            }
        }
    }
}

.inbiz-lang-manage-drawer-wrapper {
    .ant-drawer-content-wrapper {
        .ant-drawer-content {
            .ant-drawer-wrapper-body {
                .ant-drawer-header {
                    padding: 10px 15px;
                    border-bottom: 0;

                    .ant-drawer-header-title {
                        flex-direction: row-reverse;
                        justify-content: space-between;

                        &>button {
                            margin-right: 0;
                        }
                    }
                }

                .ant-drawer-body {
                    padding: 0 15px 15px;

                    .inbiz-lang-manage-drawer-content {
                        height: 100%;

                        .ant-tabs {
                            height: 100%;

                            .ant-tabs-nav {
                                margin-bottom: 10px;

                                .ant-tabs-extra-content {
                                    .ant-btn {
                                        display: flex;
                                        align-items: center;

                                        &>svg {
                                            fill: white;
                                            margin-right: 6px;
                                        }
                                    }
                                }
                            }

                            .ant-tabs-content-holder {
                                height: calc(100% - 56px);

                                .ant-tabs-content {
                                    height: 100%;

                                    .ant-tabs-tabpane {
                                        height: 100%;

                                        .inbiz-lang-manage-action-table {
                                            height: 100%;

                                            &>button:nth-child(1) {
                                                margin-right: 10px;
                                            }

                                            .ant-table-wrapper {
                                                margin-top: 10px;
                                                height: calc(100% - 42px);
                                                overflow-y: auto;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.inbiz-lang-add-or-edit-modal {
    .inbiz-modal-container {
        .ant-modal-content {
            .ant-modal-body {
                .ant-form-item:nth-last-child(1) {
                    margin-bottom: 0;
                }
            }

            .ant-modal-footer {
                &>button:nth-child(2) {
                    margin-left: 20px;
                }
            }
        }
    }
}

.inbiz-lang-import-modal {
    #langImport {
        .ant-form-item {
            .ant-form-item-control-input-content {
                display: flex;
                align-items: center;

                .ant-input {
                    flex: 1;
                    margin-right: 20px;
                }
            }
        }
    }

    .inbiz-lang-import-modal-ifCover {
        margin-top: 34px;
        display: flex;
        align-items: center;

        .ant-checkbox-wrapper {
            margin: 0 10px;

            .ant-checkbox {
                padding-top: 2px;
            }
        }

        &>div {
            cursor: pointer;

            &:nth-child(1) {
                color: rgba(0, 0, 0, .85);
            }

            &:nth-child(3) {
                color: var(--inbiz-color-danger);
            }
        }
    }

    .ant-input.ant-input-disabled.ant-input-status-error {
        border-color: var(--inbiz-color-danger);
    }

    .inbiz-lang-import-modal-spinning {
        overflow-y: auto;

        .ant-spin {
            display: block;
        }
    }

    .ant-modal-footer {
        &>button:nth-child(2) {
            margin-left: 20px !important;
        }
    }
}

.inbiz-lang-manage-version-option {
    display: flex;
    align-items: center;

    &>div {
        &:nth-child(1) {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-right: 10px;
        }
    }
}